<template>
  <div class="page">
    <div class="top">
      <div class="page_wrap">
        <div class="center_img">
          <div class="top_image">
            <img class="logo_image" src="@/assets/fail.png" />
          </div>
        </div>
        <div class="top_text">请求失败</div>
        <div class="flex_center">
          <div class="price_right">数据非法失败</div>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="sass" scoped>
@import '@/styles/variables.scss'
.page
  height: 100%
  background: #fff
  padding: 0px 20px
.page_wrap
  padding-top: 52px
  display: flex
  flex-direction: column
  align-items: center
.center_img
  width: 100%
  height: 65px
  margin-bottom: 6px
  text-align: center
.top_image
  display: inline-block
  width: 52px
  height: 65px
  margin-bottom: 26px
  .logo_image
    width: 100%
    height: 100%
.price_left
  font-size: 16px
  color: $global_color
  font-weight: 500
  color:#222222
.price_right
  font-size: 21px
  color:#222222
  font-weight: 500
.time_top
  margin-top: 12px
  margin-bottom: 16px
.top_three_left
  color: #666666
  font-size: 13px
  margin-right: 13px
.time_box
  // width: 22px
  // height: 22px
  padding: 3px 5px
  background: #EDEEEF
  color: $global_font_color
  font-size: 12px
  font-weight: bold
  border-radius: 4px
.dian
  color: $global_font_color
  font-size: 12px
  margin: 0px 3px
.content_text_box
  border-radius: 8px
  padding: 15px
  background: #F5F5F5
  color: #333333
  // background: rgb(245, 245, 245)
.payType_box
  border-radius: 10px
  padding: 18px
  padding-bottom: 0px
  background: #FFFFFF
  margin-top: 20px
  .title
    color: #222222
    font-size: 16px
    font-weight: bolder
    margin-bottom: 7px
.payType_first
  padding: 20px 0px
  border-bottom: 1px solid #E9E9E9
  position: relative
  .pay_img_box
    width: 20px
    height: 20px
  .pay_text
    color: $global_font_color
    font-size: 15px
    margin-left: 12px
  .dui_box
    width: 19px
    height: 19px
    align-self: flex-end
    position: absolute
    right: 0px
.payType_first:last-child
  border-bottom: none

.flag_box
  margin-top: 40px
  text-align: center
.text_flex
  color: #666666
  font-size: 13px
  margin-bottom: 7px
  .text_key
    min-width: 55px
.top_text
  text-align: center
  margin-bottom: 12px
  color: #222222
  font-size: 14px
  font-weight: 500
.btn_w
  width:288px
.error_text
  margin-top: 30px
  margin-bottom: 12px
  color: $global_color
  font-size: 14px
  margin-left: 16px
</style>
